<!doctype html>
<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>清晰度切换测试</title>
  <style type="text/css">
  body{    background: #ccc;}
  .chimee-container{
    position: relative;
    width: 500px;
    margin: 3rem auto;
  }      
  </style>
</head>
<body>

 <div class="chimee-container">
    <video tabindex="-1"></video>
  </div>

  <script src="../lib/chimee-player.browser.js" type="text/javascript"></script>
<script>
window.player = new ChimeePlayer({
  wrapper: '.chimee-container',
  src: 'http://yunxianchang.live.ujne7.com/vod-system-bj/TLaf2cc9d469939803949187b46da16c45.flv',
  box:'flv',
  isLive: false,
  autoplay: true,
  controls: true,
log: {
    error: false,
    info: false,
    warn: false,
    debug: false,
    verbose: false,
  },
  plugin: [
    {
        "name": "chimeeControl",
        "children": {
            play:{}, progressTime:{}, progressBar:{}, volume:{}, screen:{},
            "clarity": {
                duration:30,
                "list": [{
                    "name": "视频",
                    "src": "http://yunxianchang.live.ujne7.com/vod-system-bj/TLaf2cc9d469939803949187b46da16c45.flv"
                },
                {
                    "name": "电影",
                    "src": "http://yunxianchang.live.ujne7.com/vod-system-bj/114_40402c0cbbe-5eba-42dc-8442-e6e09aa4152e.flv"
                }]
            }
        }
    }  
  ]
});

player.on('error',function(e){
  console.log('[test] error', e);
})
player.on('mediainfo',function(e){
  console.log('[test] mediaInfo', e);
})
</script>

</body></html>